<template>
  <!-- 用户注册统计 -->
<div class="enroll app-container">
    <el-row>
        <el-col :span="5">
            <p style="font-size: 16px;">用户注册统计</p>
        </el-col>
       <el-col :span="4" :offset="8">
           <el-tabs v-model="activeName" @tab-click="handleClick" :stretch="true">
               <el-tab-pane label="7天" name="first"></el-tab-pane>
               <el-tab-pane label="30天" name="second"></el-tab-pane>
               <el-tab-pane label="90天" name="third"></el-tab-pane>
          </el-tabs>
        </el-col>
        <el-col :span="6" :offset="1">
                  <el-date-picker
                      v-model="value"
                      style="width:75%"
                      type="daterange"
                      range-separator=""
                      start-placeholder="请选择日期范围"
                      >
                  </el-date-picker>

        </el-col>
    </el-row>
    <el-row>
        <Echarts :idName="'enroll'" :echartsData="echartsData"></Echarts>
    </el-row>
</div>
</template>

<script>
import Echarts from '../../components/echarts.vue'
export default {
    components:{Echarts},
data(){
    return {
      value:'',
        activeName:'first',
        echartsData:{
          xAxisData: ['2019-08-08', '2019-08-10', '2019-08-12', '2019-08-14', '2019-08-16', '2019-08-18'],

          series: [
    {
      name: '注册人数',
      type: 'line',
      stack: 'Total',
      areaStyle: {},
      emphasis: {
        focus: 'series'
      },
      data: [120, 132, 101, 134, 90, 230, 210]
    }
  ]
        }
    }
},
methods:{
    handleClick(){

    }
}
}
</script>

<style>

</style>
